<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <style type="text/css">
        .good{
            background-color:#00C7F7 !important;   
        }
    </style>
    <div>
        <p:panel header="INFORMACIÓN PARA LAS EMPRESAS" style="border:none;">
            <!-- contenido WEB -->
            <h:form>
                <p:commandButton value="ATRAS" process="@this" update=":panelPrincipalId">
                    <f:setPropertyActionListener
                        target="#{navigationBean.navigationContent}"
                        value="./pages/content/user/company_history.xhtml" />
                </p:commandButton>
            </h:form>
            <p>
                Resultado de la busqueda del cliente.
            </p>
            <h:form>
                <p:dataTable value="#{companyBean.listResultCV}"
                             var="resul" rowStyleClass="#{resul.percent gt 80 ? 'good' : null}">
                    <p:column headerText="DNI"
                              width="15">
                        #{resul.person.dni}
                    </p:column>
                    <p:column headerText="Apellidos y Nombres">
                        #{resul.person.completeName}
                    </p:column>
                    <p:column headerText="Nivel de Aceptación"
                              width="10" sortBy="percent">
                        #{resul.percent} %
                    </p:column>
                    <p:column headerText="Descargar C.V."
                              width="15">
                        <div align="center">    
                            <p:commandLink styleClass="fa fa-download" 
                                           oncomplete="lazyload();" ajax="false"
                                           onclick="PrimeFaces.monitorDownload(start, stop)" 
                                           rendered="#{resul.person.haveCV}">
                                <p:fileDownload value="#{resul.person.fileDownload}" />  
                            </p:commandLink>
                            <p:commandLink styleClass="fa fa-minus" 
                                           rendered="#{!resul.person.haveCV}"/>
                        </div>
                    </p:column>

                </p:dataTable>

            </h:form>
            <script type="text/javascript">
                function start() {
                    PF('statusDialog').show();
                }

                function stop() {
                    PF('statusDialog').hide();
                }
            </script>  
        </p:panel>
    </div>
    <p:dialog modal="true" widgetVar="statusDialog" 
              header="Status" draggable="false" 
              closable="false" resizable="false">  
        <p:graphicImage value="/design/ajaxloadingbar.gif" />  
    </p:dialog>  
</ui:composition>

